<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>商品详情</title>
		<link rel="stylesheet" type="text/css" th:href="@{css/fruit.css}" />
		<script th:src="@{plugins/jquery-3.6.0/jquery-3.6.0.min.js}" type="text/javascript"></script>
		<script th:src="@{js/showcart.js}" type="text/javascript"></script>
		<script type="text/javascript">
			$(document).ready(function () {
				sessionName();
			});

			function sessionName(){
				var username = $("#loginUser").text();
				if(username){
					document.getElementById("sessionName").innerText = "你好，" + username;
					document.getElementById("sessionName").href = "jump?pg=reception/baseInfoSet";
				} else {
					document.getElementById("sessionName").innerText = "你好，请登录";
				}
			}
		</script>
	</head>
	<body>
		<div class="top">
			<div class="top-left">
				<font size="3px" color="red">嗨，今天你吃了么!</font>
				&nbsp;&nbsp;
				<a href="#">加入我们</a>&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#">帮助中心</a>&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="jump?pg=reception/chat">联系客服</a>&nbsp;&nbsp;&nbsp;&nbsp;
			</div>
			<div class="top_right">
				<span id="loginUser" hidden="hidden" th:text="${session.loginUser==null?'':session.loginUser.getNickname()}"></span>
				<a href="login"  id="sessionName"></a>&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="jump?pg=reception/register">
					<font color="red">免费注册</font>
				</a>&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#">我的订单</a>&nbsp;&nbsp;&nbsp;&nbsp;
				<a target="_blank" id="shoppingCar">购物车<img src="img/shopCar.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#">会员中心</a>
			</div>
		</div>
		<div id="container" style="height: 1580px;">
			<!-- 搜索栏 -->
			<div class="logo">
				<div class="logo_1">
					<img src="img/logo.png" width="110px" height="100px">
				</div>
				<div class="logo_2">
					<input type="text" size="70px" placeholder="搜索食物名称/店铺" style="height: 35px;" />
					&nbsp;&nbsp;&nbsp;
					<input type="submit" name="" id="button_1" value="搜索" />
					<div class="logo_3">
						<a href="#">桃</a>
						<a href="#">瓜</a>
						<a href="#">西瓜</a>
						<a href="#">香瓜</a>
						<a href="#">梨</a>
						<a href="#">香梨</a>
						<a href="#">黄桃</a>
					</div>
				</div>
			</div>

			<!-- 导航栏 -->
			<div class="nav">
				<ul>
					<a href="index">
						<li>
							<font>首页</font>
						</li>
					</a>
					<a href="jump?pg=reception/fruit">
						<li>
							<!-- <font size="" color="red"> -->
							新鲜水果
							<!-- </font> -->
						</li>
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<li>饼干蛋糕</li>
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<li>坚果炒货</li>
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<li>甜点饮品</li>
					</a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#">
						<li>休闲食品</li>
					</a>
				</ul>
			</div>
			<div id="z_main">
				<div id="z_left">
					<div id="z_left1">
						<img src="img/fruit4.jpg" width="100%" id="goods_img" class="goods_img">
					</div>
					<div id="z_left2">
						<div class="sign">
							<a href="##"><span>&lt;</span></a>
						</div>

						<div class="signimg">
							<img src="img/fruit4.jpg" width="100%" class="goods_img">
						</div>
						<div class="signimg">
							<img src="img/fruit4.jpg" width="100%" class="goods_img">
						</div>
						<div class="signimg">
							<img src="img/fruit4.jpg" width="100%" class="goods_img">
						</div>
						<div class="signimg">
							<img src="img/fruit4.jpg" width="100%" class="goods_img">
						</div>

						<div class="sign">
							<a href="##"><span>&gt;</span></a>
						</div>

					</div>
				</div>
				<div id="z_right">
					<div class="z_right1">
						<p id="goods_name"><b>&lt;新疆库尔勒二十九团新上市香蕉&gt;</b>优惠活动：该商品享受8折</p>
					</div>
					<div class="z_right1">
						<p><b style="color: red; size: a3;">售价：&yen;<font id="goods_price">8<del>&yen;10/斤</del></font>/斤 </b></p>
					</div>
					<div class="z_right1">
						<p>
							累计销量：<span style="color: red;" id="goods_sales">1688</span>&nbsp;&nbsp;&nbsp;&nbsp;
							累计评论：<span style="color: red;" id="goods_comments">1314</span>&nbsp;&nbsp;&nbsp;&nbsp;
							赠送积分：<span style="color: red;" id="goods_integral">666</span>
						</p>
					</div>
					<div class="z_right1">
						<p>重量：
							<font size="" color="" style="border:1px solid #000000;">&nbsp;&nbsp;&nbsp;&nbsp;一斤&nbsp;&nbsp;&nbsp;&nbsp;</font>
							<font size="" color="" style="border:1px solid #000000;">&nbsp;&nbsp;&nbsp;&nbsp;五斤&nbsp;&nbsp;&nbsp;&nbsp;</font>
							<font size="" color="" style="border:1px solid #000000;">&nbsp;&nbsp;&nbsp;&nbsp;十斤&nbsp;&nbsp;&nbsp;&nbsp;</font>
							<font size="" color="" style="border:1px solid #000000;">&nbsp;&nbsp;&nbsp;&nbsp;二十斤&nbsp;&nbsp;&nbsp;&nbsp;</font>
						</p>
					</div>
					<div class="z_right1">
						<p>种类：
							<font size="" color="" style="border:1px solid #000000;">&nbsp;&nbsp;&nbsp;&nbsp;A类&nbsp;&nbsp;&nbsp;&nbsp;</font>
							<font size="" color="" style="border:1px solid #000000;">&nbsp;&nbsp;&nbsp;&nbsp;B类&nbsp;&nbsp;&nbsp;&nbsp;</font>
							<font size="" color="" style="border:1px solid #000000;">&nbsp;&nbsp;&nbsp;&nbsp;C类&nbsp;&nbsp;&nbsp;&nbsp;</font>
							<font size="" color="" style="border:1px solid #000000;">&nbsp;&nbsp;&nbsp;&nbsp;D类&nbsp;&nbsp;&nbsp;&nbsp;</font>
						</p>
					</div>
					<div class="z_right1">
						<a href="##"><input type="button" name="" class="goumai" value="立即购买" /></a>
						<div id="cent">

						</div>
						<a href="##"><input type="button" name="" id="addToshoppingCar" class="goumai" value="加入购物车" /></a>
					</div>
				</div>
			</div>
			<div id="footer">
				<div id="pingjia">
					<font>累计好评：1000条</font>
				</div>
				<div id="pingjia_main">
					<div class="pingjia_left">
						<img src="img/touxiang1.jpg" width="100%"><a href="##">皮卡丘</a>
					</div>
					<div class="pingjia_right">
						<p>
							水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！
							水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！
							水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！
							水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！
						</p>
						<p class="pingjia_p">2020年08月11日20:31&nbsp;&nbsp;&nbsp;&nbsp;重量：5斤&nbsp;&nbsp;&nbsp;&nbsp;种类：A类</p>
					</div>
					<div class="pingjia_left">
						<img src="img/touxiang2.jpg" width="100%"><a href="##">柯南</a>
					</div>
					<div class="pingjia_right">
						<p>
							水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！
							水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！
							水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！
							水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！
						</p>
						<p class="pingjia_p">2020年08月11日20:31&nbsp;&nbsp;&nbsp;&nbsp;重量：5斤&nbsp;&nbsp;&nbsp;&nbsp;种类：A类</p>
					</div>
					<div class="pingjia_left">
						<img src="img/touxiang3.jpg" width="100%"><a href="##">李四</a>
					</div>
					<div class="pingjia_right">
						<p>
							水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！
							水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！
							水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！
							水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！水果很新鲜，很好吃！
						</p>
						<p class="pingjia_p">2020年08月11日20:31&nbsp;&nbsp;&nbsp;&nbsp;重量：5斤&nbsp;&nbsp;&nbsp;&nbsp;种类：A类</p>
					</div>
					<p align="center"><a href="##" style="text-decoration: none;"><b>......</b></a> </p>
				</div>
			</div>
			<div class="end">
				<img src="img/end1.png" width="100%" height="100%">
			</div>
			<div class="end_1">
				<div class="end_2">
					<dl>
						<dt>
						<dd><b>购物指南</b></dd>
						<a href="#">
							<dd>购物流程</dd>
						</a>
						<a href="#">
							<dd>常见问题</dd>
						</a>
						<a href="#">
							<dd>联系客服</dd>
						</a>
						</dt>
					</dl>
				</div>
				<div class="end_2">
					<dl>
						<dt>
						<dd><b>配送方式</b></dd>
						<a href="#">
							<dd>上门自提</dd>
						</a>
						<a href="#">
							<dd>快递/物流/EMS</dd>
						</a>
						<a href="#">
							<dd>配送服务查询</dd>
						</a>
						<a href="#">
							<dd>配送费收取标准</dd>
						</a>
						<a href="#">
							<dd>海外配送</dd>
						</a>
						</dt>
					</dl>
				</div>
				<div class="end_2">
					<dl>
						<dt>
						<dd><b>支付方式</b></dd>
						<a href="#">
							<dd>微信</dd>
						</a>
						<a href="#">
							<dd>支付宝</dd>
						</a>
						<a href="#">
							<dd>银行卡转账</dd>
						</a>
						<a href="#">
							<dd>货到付款</dd>
						</a>
						<a href="#">
							<dd>分期付款</dd>
						</a>
						</dt>
					</dl>
				</div>
				<div class="end_2">
					<dl>
						<dt>
						<dd><b>售后服务</b></dd>
						<a href="#">
							<dd>售后政策</dd>
						</a>
						<a href="#">
							<dd>退款说明</dd>
						</a>
						<a href="#">
							<dd>退换货</dd>
						</a>
						<a href="#">
							<dd>取消订单</dd>
						</a>
						<a href="#">
							<dd>价格保护</dd>
						</a>
						</dt>
					</dl>
				</div>
				<div class="end_2">
					<dl>
						<dt>
						<dd><b>新手上路</b></dd>
						<a href="#">
							<dd>如何开店</dd>
						</a>
						<a href="#">
							<dd>货物上架</dd>
						</a>
						<a href="#">
							<dd>店主常见问题</dd>
						</a>
						<a href="#">
							<dd>联系我们</dd>
						</a>
						</dt>
					</dl>
				</div>
			</div>
			<div class="last">
				<center>
					<font size="3">Copyright &copy; 2021-2022 稻香商城 版权所有</font><br />
					<font size="3">互联网食品信息服务资格证编号(津)-经营性-2021-XXXX|新出发京零 字第大XXXXX号</font><br />
					<font size="3">互联网出版许可证编号新出网证(津)字XXX号|出版物经营许可证|网络文化经营许可证津网文[2021]XXXX-XXX号</font>
				</center>
			</div>
		</div>
	</body>
</html>
